<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/testinBS.css">
    <link rel="stylesheet" href="css/modal-style.css">
    <script src="js/testinBS.js"></script>
    <script src="js/jquery.nicescroll.js"></script>
</head>
<body>
<a data-toggle="modal" data-target="#authentication">打开</a>
<div class="modal fade testin-modal in authentication" id="authentication" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: block;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    绑定手机号
                </h4>
            </div>
            <div class="modal-body" style="height: initial">
                <div class="form-area">
                    <div class="form-group left-i cell-phone">
                        <i class="iconfont">&#xe7cb;</i>
                        <input type="text" class="form-control" placeholder="请填写11位手机号">
                        <a class="get-code">获取语音验证码</a>
                        <span class="help-block">手机号将用于接收完成测试后的短信通及重要通知</span>
                    </div>
                    <div class="form-group left-i in-code">
                        <i class="iconfont">&#xe626;</i>
                        <input type="text" class="form-control" placeholder="请输入验证码">
                    </div>
                    <p class="btn-out">
                        <a class="form-btn-z">立即绑定</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $('.scroll-content').niceScroll({
        cursorcolor: "#b5b5b5",//#CC0071 光标颜色
        cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
        touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
        cursorwidth: "5px", //像素光标的宽度
        cursorborder: "0", //     游标边框css定义
        cursorborderradius: "0px",//以像素为光标边界半径
        autohidemode: true //是否隐藏滚动条\
    });
    $(document).ready(function(){
        $(".select-name").click(function(){
            $(this).parents(".select-item").toggleClass("opening").siblings(".select-item").removeClass("opening");
        });
    })
</script>
</body>
</html>